<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="content-Type" content="text/html;charset=utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="description" content="同乡烩后台管理系统" />
		<title>同乡烩后台管理系统</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/list.css" />
		<link rel="stylesheet" href="css/manage.css" />
	</head>
	<!-- 订单管理 -->
	<body>
		<!-- 固定 -->
		<div class="main">
			<div class="main-left main-left2">
				<div class="main-left-header">同乡烩后台管理系统</div>
				<div class="main-left-nav">
					<div class="main-left-navs main-left-manage">
						<p class="nav-name">商品管理</p>


						<div class="navs  navs-first" onclick="window.location.href='dish-list.html'">菜品列表</div>
						<div class="navs" onclick="window.location.href='data-list.html'">原材料列表</div>
						<div class="navs" onclick="window.location.href='dish-add.html'">菜品添加</div>
						<div class="navs" onclick="window.location.href='data-add.html'">原材料添加</div>

					</div>
					<div class="main-left-navs main-left-collect navs-active">

						<p class="nav-name">订单管理</p>
						<div class="navs navs-first nav-active" onclick="window.location.href='indent.html'">订单管理
						</div>

					</div>



				</div>
			</div>
			<div class="main-left"></div>
			<!-- 操作 -->
			<div class="main-right">
				<div class="main-right-header"></div>
				<div class="main-right-navs">
					<a href="index-manage.html">管理首页</a><a class="split"><a>/</a><a>订单管理</a>
				</div>

				<div class="manage-right-container">
					<div class="section section1">


						<div class="manage-right-top">订单ID</div>
						<div class="manage-right-top">菜品名称</div>
						<div class="manage-right-top">数量</div>
						<div class="manage-right-top">创建时间</div>
						<div class="manage-right-top">收货地址</div>
						<div class="manage-right-top">顾客名</div>
						<div class="manage-right-top">支付状态</div>
						<div class="manage-right-top">操作</div>
						<div class="clear"></div>
					</div>

					<div class="section  section2">
						<div class="body manage-right-body">001</div>
						<div class="body manage-right-body">手撕鸡</div>
						<div class="body manage-right-body">5</div>
						<div class="body manage-right-body">2020-05-10</div>
						<div class="body manage-right-body">广东省惠州市河南岸演达大道46号</div>
						<div class="body manage-right-body">张十</div>
						<div class="body manage-right-body">未支付</div>
						<div class="body manage-right-body"><a id="change">修改</a>/<a id="remove">删除</a></div>

					</div>





				</div>
				<div class="clear"></div>
			</div>
			<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
			<script>
				$(function() {

					var body_height = $(document).height();
					$(".main").css("height", body_height + "px")
				})
			</script>
	</body>
</html>
